import { memo } from 'react';
import type { FC, PropsWithChildren } from 'react';
import { Alert, Button } from 'antd';
import { MessageOutlined } from '@ant-design/icons';

const ReceiptOrders: FC<PropsWithChildren<{ nextStep: Function }>> = ({
  nextStep,
}) => {
  return (
    <div className={'py-4'}>
      <Alert
        className={'text-center'}
        message={'商品已被签收'}
        type={'success'}
        description={
          <div>
            您对商品有何意见或者有其他的看法，请
            <Button
              icon={<MessageOutlined />}
              onClick={() => {
                nextStep();
              }}
              type={'link'}
            >
              评价
            </Button>
          </div>
        }
      />
    </div>
  );
};

export default memo(ReceiptOrders);
